<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--CSS使用的第二种方式  内嵌式
    把css样式表嵌入到HTML页面当中
    在head标签中,使用style标签 来管理这个页面中所有的css,
    这是,所有的html标签 都不需要在关心自己的样式会有CSS来统一维护
    -->
    <style>
       /*css里注释又变成了 星杠
       css怎么知道要给 哪个标签天剑样式
       这就涉及到css选择器
       这个页面中  都是标签选择器
       语法:
       标签名{
           样式1:样式值
           样式2:样式值
       }*/
        div{
            background-color: #F00;
        }
        p{
            color: blue;
            font-size: 30px;
        }
    </style>
</head>
<body>
<div>
    这是一个div
</div>
<p>
    这是一个段落
</p>
<p>
    这是第二个段落
</p>
</body>
</html>